<!DOCTYPE html>
<html lang="en">
<head>
    <title>Cello</title>
    <link rel="shortcut icon" href="images/cello_small.png">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- jQuery UI -->
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <!-- Other CSS -->
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-57223580-1', 'auto');
        ga('send', 'pageview');
    </script>

</head>


<nav id="main-navbar"  class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div>
            <div>
                <a class="navbar-brand" href="index.html">Cello</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a id="verilog_link" href="">Verilog</a></li>
                    <li><a id="options_link" href="">Options</a></li>
                    <li><a id="results_link" href="">Results</a></li>
                    <li><a id="about_link" href="">About</a></li>
                </ul>
            </div>
            <div id="loginArea">
                <div class="navbar-form pull-right">
                    <input id="login_username" type="text" class="span2" placeholder="Login">
                    <input id="login_password" type="password" class="span2" placeholder="Password">
                    <input id="btnLogin" type="submit" value="Login" class="btn btn-warning">
                    <div id="loginError"></div>
                </div>
            </div>
        </div>
    </div>
</nav>

<body>

<div class="container-fluid center">

    <div class="col-sm-6 col-md-6 col-lg-6 col-sm-offset-3 col-md-offset-3 col-lg-offset-3">

        <div id="signup_dialog" title="Register as a new user" class="well dialog" style="display: none;">
            <div id="signupArea">
                <br><input type="text" id="signup_username" class="input-block-level" placeholder="User Name">
                <br><br><input type="password" id="signup_password" class="input-block-level" placeholder="Password">
                <br><br><input type="password" id="reenter_signup_password" class="input-block-level" placeholder="Re-enter Password">
                <br><br><input id="btnSignUp" type="submit" value="Sign Up" class="btn btn-primary">
            </div>
            <div id="signupError">
            </div>
        </div>

        <div class="text-center hero-unit">
        <!--<div class="well text-center hero-unit">-->
            <img src="images/logo-cello-text.png" style="width: 50%">

            <h1 style="margin-bottom: 30px">
                <small>
                    Genetic circuit design automation.
                </small>
            </h1>

            <a id="btn_get_started" class="btn btn-warning" type="button" style="width: 80px">Sign Up</a>
            <!--<a class="btn btn-warning" type="button" href="about.html" style="width: 80px">About</a>-->
        </div>

    </div>

    <!--<div class="col-sm-12 col-md-12 col-lg-12 text-center">-->
        <!--<hr/>-->
        <!--<h4><small>Cello is a trademark of <a id='nona_link' href='http://www.nonasoftware.org'>Nona Research Foundation, Inc.</a></small></h4>-->
        <!--<img class="footer_img" src="images/NonaFoundation.png">-->
        <!--<img class="footer_img" src="images/mit.png">-->
        <!--<img class="footer_img" src="images/cidar.png">-->
        <!--<a href="http://aws.amazon.com/what-is-cloud-computing"><img src="http://awsmedia.s3.amazonaws.com/AWS_Logo_PoweredBy_127px.png" alt="Powered by AWS Cloud Computing"></a>-->
        <!--<hr/>-->
    <!--</div>-->

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/session_controller.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/index.js"></script>



<script type="text/javascript">

</script>




<footer>
</footer>
</body>
</html>

<style type="text/css">

    input {
        margin: 0;
    }
    button {
        margin: 0;
    }

</style>